<template>
  <div>
    <div>
        <van-nav-bar
        title="更多评论"
        left-text="返回"
        left-arrow
        @click-left="$router.go(-1)"
        /> 
    </div>
    <div v-for="comment in commentList" :key="comment.id" class="yanse"> 
                <div>
                    <van-row>
                        <van-col span="3" >
                            <van-image
                            round
                            width="1.5rem"
                            height="1.5rem"
                            :src="comment.icon"
                            />
                        </van-col>
                        <van-col span="8" style="margin: 10px -10px;">
                            <span><b>{{ comment.nickName }}</b></span>
                        </van-col>
                        <van-col span="8" style="margin: 10px 0px 10px 90px">
                            <span style="margin-left: 50px;">{{ comment.createTime }}</span> 
                        </van-col>
                    </van-row>
                </div>

                <br>

                <div style="margin-left: 20px;"> 
                    <van-rate v-model="comment.score" allow-half void-icon="star" void-color="#eee"/>
                </div>

                <br>

                <div style="margin-left: 20px;"> 
                    <span>{{ comment.remarks }}</span>
                </div>

                <van-divider style="margin: 1px"/>

            </div>
    </div>
</template>

<script>
import 'vant/lib/index.css'
import { NavBar, Image as VanImage, Rate, Col, Row, Divider  } from 'vant';
export default {
    components:{
        [NavBar.name]:NavBar,
        [VanImage.name]:VanImage,
        [Rate.name]:Rate,
        [Col.name]:Col,
        [Row.name]:Row,
        [Divider.name]:Divider,
    },
    data(){
        return{
            commentList:[],
        }
    },
    methods:{

    },
    created(){
        this.commentList = this.$route.query.commentList;
    }
}
</script>

<style>

</style>